{extend name="list/list"}
{block name="header"}


    <div class="pet_content">
        <div class="pet_content_block">
            <article data-am-widget="paragraph" class="am-paragraph am-paragraph-default pet_content_article" data-am-paragraph="{ tableScrollable: true, pureview: true }">
                <h1 class="pet_article_title" style="text-align: center">{$data.chapter}&nbsp&nbsp&nbsp{$data.name}</h1>
                <p>
                    {$data.content}
                </p>

            </article>
            <ul class="like_share_block">
                <li><a class="link_share_button" href="{:url('mobile/index/showtop',['id'=>$data.id])}">上一章</a></li>
                <li><a class="link_share_button" href="{:url('mobile/index/mulu',['id'=>$data.bid])}">目录</a></li>
                <li><a class="link_share_button" href="{:url('mobile/index/showdown',['id'=>$data.id])}">下一张</a></li>
            </ul>
            <div class="pet_article_dowload">
                <div class="pet_article_dowload_title">关于Amaze UI</div>
                <div class="pet_article_dowload_content"><div class="pet_article_dowload_triangle"></div>
                    <div class="pet_article_dowload_content_font">
                        Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。
                    </div>
                    <div class="pet_article_dowload_all">
                        <a href="###" class="pet_article_dowload_Az am-icon-apple"> App store</a>
                        <a href="###" class="pet_article_dowload_Pg am-icon-android"> Android</a>
                    </div>
                </div>
            </div>
        </div>





        <div class="pet_article_footer_info">Copyright(c)2015 Amaze UI All Rights Reserved</div>
    </div>
{/block}